<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>菜单管理</title>
<link rel="stylesheet" href="./webjars/bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" href="./webjars/bootstrap/3.3.7/css/bootstrap-theme.css">
<link rel="stylesheet" href="./webjars/bootstrapvalidator/0.5.3/css/bootstrapValidator.css">
<link rel="stylesheet" href="./static/bootstraptable/bootstrap-table.css">
<link rel="stylesheet" href="./static/bootstraptable/extensions/treegrid/treegrid.css">
<link rel="stylesheet" href="./webjars/bootstrap-treeview/1.2.0/dist/bootstrap-treeview.min.css">
<script type="text/javascript" src="./webjars/jquery/1.11.1/jquery.js"></script>
<script type="text/javascript" src="./webjars/bootstrap/3.3.7/js/bootstrap.js"></script>
<script type="text/javascript" src="./static/bootstraptable/bootstrap-table.js"></script>
<script type="text/javascript" src="./static/bootstraptable/locale/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="./static/bootstraptable/extensions/treegrid/bootstrap-table-treegrid.js"></script>
<script type="text/javascript" src="./static/bootstraptable/extensions/treegrid/jquery.treegrid.js"></script>
<script type="text/javascript" src="./webjars/bootbox/5.4.0/bootbox.all.js"></script>
<script type="text/javascript" src="./webjars/bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="./webjars/bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
<script type="text/javascript" src="./webjars/bootstrap-treeview/1.2.0/dist/bootstrap-treeview.min.js"></script>
<script type="text/javascript" src="./static/custom/custom.js"></script>
</head>
<body>
	<div class="container">
		<!-- 表格，表头里定义了表要显示的字段，data-formatter 里只能跟一个方法名 -->
		<table id="mytable" class="datagrid" data-options="
		  path:'menu',
			url:'list',
			parentIdField: 'parentId',			
			treeShowField: 'name',
			pagination: false,
			treegrid:true,
			buttons:[$.fn.datagrid.toolbar.buttons.add,$.fn.datagrid.toolbar.buttons.edit,$.fn.datagrid.toolbar.buttons.remove]
		">
			<thead>
				<tr>
					<th data-checkbox="true"></th>
					<!-- <th data-field="id">编号</th> -->
					<th data-field="name">菜单名称</th>
					<th data-field="icon">图标</th>
					<th data-field="url">地址</th>
					<th data-field="roleName">角色</th>
				</tr>
			</thead>
		</table>
		
	</div>
</body>
</html>